.order-list-main {
    position: relative;
}
.activite {
    padding-bottom: 10px;

    color: #fe292b;

    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 27rpx;
    font-weight: 500;
}
.common {
    padding-bottom: 10px;

    color: #999999;

    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 27rpx;
    font-weight: 400;
}
.head-nav {
    position: sticky;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 11px 15px 0 15px;

    color: #cccccc;
    background-color: #fff;
    .head_line {
        height: 2px;

        background-color: #fe292b;
    }
}

.content {
    height: 100%;

    font-size: 25rpx;

    .order-list {
        .order-item {
            margin: 18rpx 0;
            padding: 0 29rpx;

            background: #ffffff;
            .order-no {
                display: flex;
                align-items: center;
                justify-content: space-between;

                padding: 29rpx 0;

                border-bottom: 2rpx solid #f5f5f5;
                .order-no-s {
                    color: #fe292b;
                }
            }
            .goods-info {
                padding: 29rpx 0;
                .goods-info-card {
                    margin-bottom: 29rpx;
                }
                .goods-info-other {
                    text-align: right;

                    color: #999999;

                    .total {
                        color: #33302d;
                    }
                    .price {
                        color: #fe292b;

                        font-size: 29rpx;
                    }
                }
            }
            .order-button-goto {
                display: flex;
                flex-direction: row-reverse;

                padding: 29rpx 0;

                border-top: 2rpx solid #f5f5f5;
                .order-button-group {
                    width: 210rpx;
                    height: 65rpx;

                    text-align: center;

                    border: 2rpx solid #e2e2e2;
                    border-radius: 33rpx;
                    background: #ffffff;

                    line-height: 65rpx;
                }
            }

            .order-button {
                display: flex;
                align-items: center;
                justify-content: space-between;

                padding: 29rpx 0;

                border-top: 2rpx solid #f5f5f5;
                .order-button-left {
                    display: flex;
                    align-items: center;
                }
                .order-button-right {
                    display: flex;
                    align-items: center;
                    .order-button-item {
                        width: 145rpx;
                        height: 65rpx;
                        margin-left: 18rpx;

                        text-align: center;

                        color: #333333;
                        border: 2rpx solid #e2e2e2;
                        border-radius: 33px;
                        background: #ffffff;

                        line-height: 65rpx;
                    }
                    .order-button-item-color {
                        color: #fe292b;
                        border: 2rpx solid #fe292b;
                    }
                }
            }
            .order-button-end {
                justify-content: flex-end;

                padding-bottom: 0;
            }
        }
        .list-loading {
            margin-bottom: 18rpx;

            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
    }
    .no-list {
        position: fixed;
        top: 50%;
        left: 50%;

        width: 100%;

        transform: translate(-50%, -50%);
        text-align: center;
        .no-list-img {
            width: 297rpx;
            height: 216rpx;
        }
        .no-list-text {
            padding-top: 29rpx;

            color: #333333;

            font-size: 29rpx;
            line-height: 40rpx;
        }
    }
}
.popup-dialog {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(51, 51, 51, 0.5);
    .popup-dialog-content {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 543rpx;

        transform: translate(-50%, -50%);

        border-radius: 22rpx;
        background: #ffffff;
        .title {
            padding: 49rpx 82rpx 51rpx;

            text-align: center;

            border-bottom: 2rpx solid #f5f5f5;

            font-size: 27rpx;
        }
        .button {
            display: flex;
            align-items: center;
            justify-content: space-between;

            color: #999999;

            font-size: 29rpx;
            line-height: 80rpx;
            .cancel,
            .confirm {
                flex: 1;

                text-align: center;
            }
            .confirm {
                color: #fe292b;
                border-left: 2rpx solid #f5f5f5;
            }
        }
    }
}
